import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        //顶部导航信息
        headerInfo: {
            ifHeader: false, // 是否显示导航组件，默认显示
            backText: '', // back文本
            isBacknav: true, // 显示搜索还是后退，默认搜索
            isSearchred: false, // 显示搜索，红色导航还是黑色导航，默认红色
            isfixed: true, // 导航是否固定在顶部
            isInputturn: true, // 点击搜索是否跳转到搜索页面，默认是
            placeholder: '请输入搜索内容', // placeholder文本
            isInputread: true, // input是否只为可读，默认是
            isreadBack: false, // back是否为红色，默认否
            isbacknav: true, // 小导航，默认显示
            turnLink: '', //点击搜索跳走
        },
        // 搜索文本
        searchVal: '',
        // 搜索状态
        searchStatus: '',
        // 顶部城市与消息数量
        headData: {
            city: '定位中',
            messageNum: 0,
        },
    },
    mutations: {
        // 修改顶部导航信息
        changeheaderInfo(state, data) {
            state.headerInfo = data;
        },
        // 修改顶部搜索框数据
        changeSearchval(state, data) {
            state.searchVal = data;
        },
        // 修改顶部搜索框数据
        changeSearchStatus(state, data) {
            state.searchStatus = data;
        },
        // 顶部城市与消息数量
        changeHeadData(state, data) {
            state.headData = data;
        },
    },
    actions: {},
    modules: {},
});
